<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
                    html,body{
                height: 100%;
                      }
.box{
     background: rgb(255, 255, 255);
    margin: auto;
    height: 500px ;width: 500px;
      border-top: 1px solid rgb(223, 217, 217);
      border-bottom: 1px solid rgb(223, 217, 217); 
      border-left: rgb(223, 217, 217) 1px solid;
      border-right: solid 1px rgb(223, 217, 217); 
}
.aa{
    list-style: none;
    text-align: left;
          height: 50px;
      padding-left: 30px;
      border-bottom: 1px dashed #ccc;
      line-height: 50px;
}
.bb{
    width: 300px;
    font-size: 24px;
    font-weight: bold;
    margin: 30px auto 10px auto;
    padding-bottom: 5px;
    border-bottom: 1px solid rgb(163, 163, 226);
}
    </style>
</head>
<body>
    <div class="box">
        <h2 class="bb">最新文章/New Articles</h2>
            <ul>
                <li class="aa">北京招聘网页设计，平面设计，php</li>
                <li class="aa">体验javascript的魅力</li>
                <li class="aa">jquery世界来临</li>
                <li class="aa">网页设计师的梦想</li>
                <li class="aa">jquery中的链式编程是什么</li>
            </ul>
    </div>
</body>
</html>